<!DOCTYPE html>
 <html>                                                                  
 <head>     
	<title>EM</title>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta http-equiv="Content-Script-Type" content="text/javascript" /> 
	
<meta name = "viewport" content = "width = device-width">
<link rel="apple-touch-icon" href="./images/iphone_icon_em.png"/>
	
<!-- 	<script type="text/javascript" src="jquery-1.2.5.js"></script>   -->
	<script type="text/javascript" src="jquery-1.7.1.js"></script>  
<!-- 	<script type="text/javascript" src="jquery-1.4.3.min.js"></script>   -->
	
	<link rel="stylesheet" type="text/css" href="css/em.css" />
	<link rel="stylesheet" href="css/em_m.css" type="text/css" media="only screen and (max-device-width: 480px)" />
		
	<link rel="stylesheet" type="text/css" href="css/vpanel.css" />

	<script type='text/javascript' src='js/event.js'></script>	
	

	<script type='text/javascript' src="js/em_config.js"></script>
	<script type='text/javascript' src="js/worldDA.js"></script>	
	<script type='text/javascript' src="js/data_sort.js"></script>	
	<script type='text/javascript' src="js/DATA_worldDAs.js"></script>	
	<script type='text/javascript' src="js/DAs_tapsg_new2.js"></script>	
	<script type='text/javascript' src="js/data.js"></script>	
	<script type='text/javascript' src="js/da.js"></script>


	<script type='text/javascript' src="js/log.js"></script>
	<script type='text/javascript' src='js/util.js'></script>	
	<script type='text/javascript' src='js/db.js'></script>

	<script type='text/javascript' src="js/extPanel.js"></script>
	<script type='text/javascript' src="js/selectform.js"></script>
	<script type='text/javascript' src="js/query.js"></script>			
	<script type='text/javascript' src="js/actionHelper.js"></script>		
	<script type='text/javascript' src="js/actionSeq.js"></script>

	<script type='text/javascript' src='js/tasks4cstl.js'></script>
	<script type='text/javascript' src='js/tasks4user.js'></script>

	<script type='text/javascript' src='js/accMgr.js'></script>

	<script type='text/javascript' src='js/cstlWave.js'></script>
			
<!-- 	<script type='text/javascript' src="js/scanMgr.js"></script>	 -->
	<script type='text/javascript' src='js/hnting.js'></script>
	<script type='text/javascript' src="js/huntMgr.js"></script>
	<script type='text/javascript' src="js/hntmgr2.js"></script>
		
	<script type='text/javascript' src="js/arenabattle.js"></script>	

	<script type='text/javascript' src='js/scaning.js'></script>
	<script type='text/javascript' src='js/resultscan.js'></script>

	<script type='text/javascript' src='js/hdrin.js'></script>
	<script type='text/javascript' src='js/hdrinMgr.js'></script>
	
	<script type='text/javascript' src='js/fealtyMgr.js'></script>

	
		
<!-- 	<script type='text/javascript' src="js/cstl.js"></script> -->
	<script type='text/javascript' src="js/cstl.js"></script>
	<script type='text/javascript' src="js/cstlMgr.js"></script>
		
	<script type='text/javascript' src="js/loginDlg.js"></script>
		
	<script type='text/javascript' src="js/cstlView.js"></script>	
	<script type='text/javascript' src="js/infoView.js"></script>	

	<script type='text/javascript' src="js/initQuest.js"></script>	
	
	<script type='text/javascript' src="js/controlbox.js"></script>	
	<script type='text/javascript' src="js/controller.js"></script>	
	
	
	<script type='text/javascript' src="js/jobmonitor.js"></script>	
	<script type='text/javascript' src="js/em.js"></script>	
	

<!--  doc -->
<script type="text/javascript" src="./js/fisheye-iutil.min.js"></script>
	
 </head>                                                                 
 <body>                                                                  
<header id='navi_container'>

	<div id='left_header' class='headerinfobox'>
		<div id='clock' class='left_headerinfo' style="float:left">
			<p id='cur_time'></p>
			<p id='start_time'></p>
		</div>
		<div id='bless_box'></div>
		<div id='rumorret' class='left_headerinfo' style="clear:both"><span></span> <span></span> 	</div>
		<div style="float: left;">
			<div id='rumor_remiantime' class='left_headerinfo'> <span></span> <span></span> 	</div>
			<div id='dur_result' class='left_headerinfo'></div>
		</div>
	</div>
		
	<div id="dock">
		<div class="dock-container" style="left: 60px; width: 500px; ">
			<a class="dock-item" href="#changeuser_dlg"  id='seluser' name="modal" style="width: 50px; left: 0px; ">
				<span style="display: none; ">Change&nbsp;User</span><img src="./images/home.png" alt="home"></a> 
			<a class="dock-item" href="#" name="modal" style="width: 50px; left: 50px; ">
				<span style="display: none; ">Example&nbsp;2</span><img src="./images/email.png" alt="contact"></a> 
			<a class="dock-item" href="#" name="modal" style="width: 50px; left: 100px; ">
				<span style="display: none; ">Example&nbsp;3</span><img src="./images/portfolio.png" alt="portfolio"></a> 
			<a class="dock-item" href="#initQst" name="modal" style="width: 50px; left: 150px; ">
				<span style="display: none; ">InitQst</span><img src="./images/music.png" alt="music"></a> 
			<a class="dock-item" href="#" name="modal" style="width: 50px; left: 200px; ">
				<span style="display: none; ">Video</span><img src="./images/video.png" alt="video"></a> 
			<a class="dock-item" href="#try_login" name="modal" style="width: 50px; left: 250px; ">
				<span style="display: none; ">TryLogin</span><img src="./images/history.png" alt="history"></a> 
			<a class="dock-item" href="#" name="modal" style="width: 50px; left: 300px; ">
				<span style="display: none; ">Calendar</span><img src="./images/calendar.png" alt="calendar"></a> 
			<a class="dock-item" href="#logingm" id ='newlogind' style="width: 50px; left: 350px; ">
				<span style="display: none; ">Login</span><img src="./images/link.png" alt="links"></a> 
			<a class="dock-item" href="#" style="width: 50px; left: 400px; ">
				<span style="display: none; ">RSS</span><img src="./images/rss.png" alt="rss"></a> 
			<a class="dock-item" href="#change_key" id='doc_changekey' name="modal" style="width: 50px; left: 450px; ">
				<span style="display: none; ">ChangeKey</span><img src="" alt="rss"></a> 
		</div><!-- end div .dock-container -->
	</div>

	<div id='mode_indicator'></div>
	
	<div id='right_header' class='headerinfobox'>
<!-- 		<div id='state_run' class='headerinfo'>
		</div> -->
		<div id='connect_state'>	</div>
		<div id='userinfo'>	</div>
	</div>
	<!--  enhance result 	 -->
	<div class='enhance_result'>
	</div>	

</header>

<!- google_screen-  -->

<div id="google_screen">  
	<div style="margin: 10px auto; width: 236px; height: 83px;" id="hplogoo">  
		<a href="/webhp?hl=ko&amp;newwindow=1&amp;fpdoodle=1">
			<img height="67" width="236" style="margin:8px 0;border:none" id="hplogo" src="./images/google.png">
			</a>
	</div>
	 <div id="google_main">  
		 <div style="margin:8px"> 
		 <div onclick="google.x(this,function(){google.sk.t()})" id="skb"> 
		 </div> 
		 <form style="background:none" role="search" onsubmit="return q.value!=''" method="GET" id="tsf" name="gs" action="/search">  
		 	<div id="tophf">
		 		<input type="hidden" value="ko" name="hl"><input type="hidden" value="1" name="newwindow">
		 		<input type="hidden" value="" name="site">
		 	</div>  
			 <div id="tmsb" class="msb"> 
			 	<div class="msfo"> 
			 		<div style="position:relative;zoom:1" id="tsfi" class="msfi">  
			 			<input type="search" maxlength="2048" name="q" id="lst-ib" autocapitalize="off" autocorrect="off" autocomplete="off" size="41" title="" value="" class="lst lst-tbb" dir="ltr" spellcheck="false" style="outline: medium none;"> 
			 				<span style="display:none" id="tsf-oq"></span>  
			 				</div> 
			 			<div name="cbtn" class="cb"></div> 
			 			</div> 
			 			<input type="submit" value="" name="btnG" id="tsbb" class="lsbb gbil"> 
			 </div> 
	
				<input type="hidden" name="oq">
				<input type="hidden" name="aq">
				<input type="hidden" name="aqi"><input type="hidden" name="aql"><input type="hidden" name="gs_sm"><input type="hidden" name="gs_upl">
		</form> 
		</div>

  	<div id="promo">     �쒓컙 寃�깋(踰좏�) �ъ슜 �덊븿:  </div>
	</div>
</div>
<!--  Vertical info  -->
<div class='vpanel' id='extpanel_1'>


</div>

<a class="trigger" href="#1" id='trigger_1'>in</a>


<!--  Vertical info  -->
<div class='vpanel' id='extpanel_2'>
	<h3>Sliding panel</h3>
	<form id="id_train" action="#">
		<fieldset>
		<legend> Train </legend>
			<select name='sol_type'>
					<option value=2>sp</option>
					<option value=15>over</option>
			</select>
			solnum: <input type = "text" name = "solnum" size="12"><br>
<!-- 			<input type = "submit" value = "train"> -->
			 <input type = "reset"  value = "cancel">
			 <button id="id_trainstart"> start </button>
		</fieldset>
		</form>
	<div style="clear:both;"></div>

</div>

<a class="trigger triggerpos2" href="#2" id='trigger_2'>e</a>



<div id="id_frame"> 
	<div id="config_form_box">
		<form id="id_config_form" action="#">
		<fieldset>
		<legend> Config_Legend </legend>

		<label for="id_horo_check"> H o</label>
			<input class="required" type="checkbox" name="mode_check" id="id_horo_check" checked="checked" value="horo"> 
			<br/>

			<label for="id_name_check"> N m</label>
			<input class="required" type="checkbox" name="mode_check" id="id_name_check" checked="checked" value="name">
		
			<br />
			<label for ="id_session_key">Session Key </label>
			<input class="conditional" type="text" name="session_key" id="id_session_key" placeholder='占싯삼옙占쏘를 占쌉뤄옙 占싹쇽옙占쏙옙'> 
			<button id="id_setkey"> set </button>

			<br />
			<label >Start CT</label>
			<select id="id_start_castle"><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option></select>

		</fieldset>
		</form>
		<div id="form_test" visibility="visible"> </div>
	</div>

		
	<div class='control_box_container'>
		<div class='control_box'>
			<span class="button">
			<button id="id_btn_start" class='control_btn'> AutoStart </button>
			<input type = "text" id='att_count' width='30px'>	
			<button id="id_btn_pause" class='control_btn'> Pause </button>					
			<button id="id_btn_stop"  class='control_btn'> Stop </button>
			<button id="id_btn_sell"  class='control_btn'> sell </button>
			<button id="id_btn_delfav"  class='control_btn'> delfav </button>
			<br/>	
			
			<button id="id_btn_enhance" > Enhance</button>
			<button id="id_btn_buytrade" > Bu yTrd</button>
			</span>
		</div>
<!-- 		<p style="clear:right;"></p> -->
		<div class='control_box'>
			<span class="button">
			<button id="id_btn_scanstart" > ScanStart </button>		
			<button id="id_btn_getresult" > GetRes </button>
			<button id="id_btn_searchWMap" > Sear WMap </button>

			</span>			
			<br/>
			
			<span class="button">
			<button type="button" id="id_btn_getfavs" class='control_btn'> GetFavs</button>
			<button id="id_btn_hdrink" >HDrin</button>
			<button id="id_btn_test1" > Arena </button>		
			<input type = "text" id='h_level'>
			<!-- <button id="id_btn_test2" > MakeFav</button>	 -->	
<!-- 			<button id="id_btn_test3" > MakeGre</button>		 -->
			<button id="id_btn_avoid" > Avoid</button>
			<button id="id_btn_pvp_uvscan" > SearchV</button>
			<button id="id_btn_pvp_updur" > upDur</button>
			<button id="id_btn_hfealty" > Fealty</button>
			<button id="id_btn_clearjob" > ClearJob</button>
			
			</span>		
		</div>
	</div>

	<div class='castles_container'>
	</div>

	<div class='cstl_operation'>
		
	</div>
	
	<div id ="log_box"> </div>
	<div id ="result_box"> </div>
	<div id="id_scrolldown">
		<a href="#none"><span>__</span></a>
	</div>
	
	<div id ="name_frame" class="favframe"> </div>

	<div id ="chat_list" class ="listbox"> </div>

	<div id ="console_list" class ="listbox"> </div>
	
	<div id="id_div_DA_list"> 
		<table id="DA_table_horo" border="1" >
		</table>
	</div>

<div>  
<div id="canvas_test">
	<canvas id="stage" width="500" height="400"> </canvs>
</div>

<div id='scan_panel' class='center_panel'>
	
</div>

<div id='enhnace_panel' class='center_panel'>
	
</div>

<div id='trylogin_panel' class='center_panel'>
</div>

<!-- modal box  -->
<div id="boxes">
	  
	<!-- change user Dialog -->  
	<div id="changeuser_dlg" class="modal_window" style="top: 280.5px; left: 380px; display: none; ">
	  <div class="d-header">
	  	<span id='dlg_username' class='box-list'></span>
	  	<span id='dlg_device' class='box-list'></span>
	  </div>
	  <div class="d-blank"></div>
	  <div class="d-login"><input type="image" src="./images/login.jpg" alt="Login" title="Login" ></div>
<!-- 	  <div class="d-login"><input type="image" alt="Login" title="Login" src="./images/communitylogin.jpg"></div> -->
	</div>
	<!-- End of Login Dialog -->  
	
	
	
	<!-- Start of Sticky Note -->
	<div id="change_key" class="modal_window" style="top: 267.5px; left: 404.5px; display: none; ">
		<div id='key_box' >
			<input id='session_key'>
			<button id="id_btn_keyset" >SET</button>
			<input type="button" value="Close it" class="close">				
		</div>
	
	</div>
	<!-- End of Sticky Note -->
	
	
	
	<!-- Mask to cover the whole screen -->
	  <div id="mask" style="width: 1135px; height: 764px; opacity: 0.8; display: none; "></div>
</div>


 </body>                                                                 
 </html>
 
